/* 主题色和渐变背景 */
body {
    background: linear-gradient(120deg, #e0eafc 0%, #cfdef3 100%);
}
.dashboard-container {
    box-shadow: 0 8px 32px rgba(44,62,80,0.08);
    overflow: hidden;
}
.sidebar {
    background: linear-gradient(120deg, #232e3c 60%, #34495e 100%);
    box-shadow: 2px 0 12px rgba(44,62,80,0.08);
    border-right: 1px solid #e0eafc;
}
.sidebar h2 {
    letter-spacing: 2px;
    color: #f7ca18;
}
.sidebar ul li a {
    font-size: 1.08rem;
    font-weight: 500;
    padding-left: 36px;
}
.sidebar ul li.active a {
    background: #f7ca18;
    color: #232e3c;
}
.sidebar ul li a:hover {
    background: #f7ca18;
    color: #232e3c;
}
.main-content {
    background: #fff;
    border-radius: 0 12px 12px 0;
    box-shadow: 0 0 16px rgba(44,62,80,0.04);
}
.header {
    border-bottom: 1px solid #e0eafc;
    padding-bottom: 18px;
}
.header h2 {
    color: #34495e;
    font-weight: 700;
    font-size: 2rem;
}
.header .logout {
    background: linear-gradient(90deg, #e74c3c 60%, #f7ca18 100%);
    color: #fff;
    font-weight: 600;
    box-shadow: 0 2px 8px rgba(231,76,60,0.08);
}
.btn {
    border-radius: 6px;
    font-weight: 500;
    box-shadow: 0 2px 8px rgba(44,62,80,0.08);
    transition: background 0.2s, color 0.2s;
}
.btn-primary {
    background:#1d69f4;
    color: #fff;
    border: none;
}
.btn-primary:hover {
    background: #0441bb;
}
.btn-secondary {
    background: #f7ca18;
    color: #232e3c;
    border: none;
}
.btn-secondary:hover {
    background: #34495e;
    color: #fff;
}
